<template>
    <div class="main-page" >
        <el-form :model="childForm" label-width="70px" ref="addstuform"
                 size="mini">
            <el-row>
                <template>
                    <div class="main-page" >
                        <el-form :model="childForm" label-width="70px" ref="addstuform"
                                 size="mini">
                            <el-col :span="8">
                                <el-form-item label="微信状态">
                                    <el-select size="mini" class="search-input" v-model="formData.schoolid"
                                               placeholder="请选择学生状态">
                                        <el-option value="" label="全部"></el-option>
                                        <el-option
                                            v-for="item in schoolList"
                                            :key="item.id"
                                            :label="item.name"
                                            :value="item.id">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-row type="flex" justify="center">
                                <el-col :span="18">
                                    <el-form-item label="赠送课时">
                                        <el-input size="mini" class="search-input" v-model="childForm.name"
                                                  placeholder="必填"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="8">
                                    <el-form-item label="有效期至">
                                        <el-date-picker style="width: 220px"
                                                        v-model="formData.endTime"
                                                        align="right"
                                                        type="date"
                                                        value-format="timestamp"
                                                        placeholder="有效期至"
                                        >
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                            </el-row>

                            <el-row type="flex" justify="center">
                                <el-col :span="18">
                                    <el-form-item label="备注">
                                        <el-input size="mini" class="search-input" v-model="childForm.name"
                                                  placeholder="备注"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-form>
                        <el-row type="flex" justify="center">
                            <el-button style="width: 100px" type="primary" size="mini">完成</el-button>
                        </el-row>
                    </div>
                </template>

                <script>
                    import {mapActions, mapState, mapGetters} from 'vuex'
                    import headTop from '../../components/headTop'
                    import {userList} from '@/api/getData'
                    import ElInput from "../../../node_modules/element-ui/packages/input/src/input.vue";
                    import ElOption from "../../../node_modules/element-ui/packages/select/src/option.vue";

                    export default {
                        name:'addSubject',
                        props:{

                        },
                        data() {
                            return {
                                childForm:{

                                }
                            }
                        },
                        components: {
                            ElOption,
                            ElInput,
                            headTop,

                        },
                        computed: {
                            ...mapGetters(['adminInfo'])
                        },
                        created() {
                        },
                        mounted() {

                        },
                        methods: {
                            ...mapActions(['getPeriod']),
                        },
                    }
                </script>
                <style lang="less">
                    @import '../../style/mixin';

                    .el-table .sks {
                        background: #c2e7b0;
                    }
                </style>

            </el-row>
            <el-row type="flex" justify="center">
                <el-col :span="18">
                    <el-form-item label="科目名称">
                        <el-input size="mini" class="search-input" v-model="childForm.name"
                                  placeholder="必填"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <el-row type="flex" justify="center">
            <el-button style="width: 100px" type="primary" size="mini">完成</el-button>
        </el-row>
    </div>
</template>

<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../../components/headTop'
    import {userList} from '@/api/getData'
    import ElInput from "../../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        name:'addSubject',
        props:{

        },
        data() {
            return {
                childForm:{

                }
            }
        },
        components: {
            ElOption,
            ElInput,
            headTop,

        },
        computed: {
            ...mapGetters(['adminInfo'])
        },
        created() {
        },
        mounted() {

        },
        methods: {
            ...mapActions(['getPeriod']),
        },
    }
</script>
<style lang="less">
    @import '../../style/mixin';

    .el-table .sks {
        background: #c2e7b0;
    }
</style>
